@charset "utf-8";
/* CSS Document */
.search .into:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
.search .into::-webkit-input-placeholder {color: #333; } 
.search .into:-moz-placeholder {color: #333; } 
.search .into::-moz-placeholder {color: #333; } 
.search .into:-ms-input-placeholder {color: #333; } 

/* 地图管理 */
.mapUp{position: absolute;left: 190px;top: 57px;right: 0;bottom: 0;overflow: hidden;}
.content {width: 260px; position: absolute; left: 0px; overflow: visible; height: 100%; transition: all .3s;  box-shadow: 2px 0px 4px 0px  rgba(0, 0, 0, 0.3); opacity: 0.98; z-index: 300; padding: 0 10px 0 0;}
.headTop{ padding-bottom:10px; border-bottom: 1px solid #d3d3d3;}
.pre{ position: relative; width:100%; height: 100%;}
.type{ position: relative;padding-top: 20px;}
.search{ width: 238px; border:1px solid #d3d3d3;  height: 28px; position: relative; padding: 0 40px 0 10px; background-color: #fff}
.search .into{ width:100%;box-sizing: border-box; border:none; background: none; height: 100%; font-size: 14px;font-family: "微软雅黑"; color: #a0acbf; line-height: 28px;}
.search .searIcon{ width: 20px; height: 20px; display: block; background: url(../images/icon.png) no-repeat; background-position: -25px -50px; position: absolute; top: 3px; right: 10px; cursor: pointer;}
.warpSroll{ width: 100%; position: absolute; top: 95px; bottom: 45px;}
.container { overflow-x: hidden; /*overflow-y: scroll;*/ width: 260px; height: 100%; padding:0;}
 /* for Chrome */
.container::-webkit-scrollbar { display: none;}
.scenebar{ margin-top: 10px;}
.scenebar ul li{ float: left;background-color: #fff; border:1px solid #d3d3d3; height: 28px; line-height: 28px; color: #354052; border-radius: 5px; text-align: center;cursor: pointer;}
.scenebar ul li.punctuation{ width: 154px; margin-right: 10px;}
.scenebar ul li.punctuation i{ width: 12px; height: 12px; display: inline-block; background: url(../images/postionSport.png) no-repeat; margin-right: 5px; vertical-align: -1px;}
.scenebar ul li.punctuation i svg{vertical-align: inherit; text-align: center;}
.scenebar ul li.preview{ width: 76px;}
.scenebar ul li:hover{ background-color: #15a4fa; border:1px solid #15a4fa; color: #fff;}

.scenelist{width: 240px;}
.scenelist ul li{width: 240px; background-color: #f7f7f7; padding: 4px 4px 0 4px;margin-bottom: 10px;}
.scenelist ul li.NoTime{text-align: center; background-color: #ebeceb; color: #999;}
.scenelist ul li .sceneImg{ width:100%; height: 114px; overflow: hidden; position: relative; cursor: pointer;}
.scenelist ul li img{height: auto; width: auto; max-width: 100%; position: absolute; right: 0; left: 0;bottom: 0; margin: auto;top: 0;}
.scenelist ul li .sceneDel{ background: rgba(0, 0, 0,.7); width:100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2;}
.scenelist ul li .sceneDel span{ display: block; width:32px; height: 32px; position: absolute; top: 45px; left: 108px; background: url(../images/imgDel.png);}
.sceneTxt{ color: #333; padding: 0 25px 0 4px; height: 30px; line-height: 30px; position: relative;    position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.custom-checkbox input[type="radio"] {appearance: none; -webkit-appearance: none; outline: none; display: none;}
.custom-checkbox {  width: 24px; height: 24px; display: block;  cursor: pointer;position: absolute; right: 0px; top: 7px;}
.custom-checkbox input[type="radio"] + i { width: 24px; height: 24px; display: inline-block; margin-right: 2px; background: url(../images/radio.png)no-repeat; background-size: 100%;}
.custom-checkbox input[type="radio"]:checked + i { background: url(../images/radioCheck.png)no-repeat; background-size: 100%;}

.fileMain{ width:240px;height: 40px; position: absolute; bottom: 10px; left: 0px; z-index: 2;}
.file-box{display: inline-block; position: relative; width:100%; overflow: hidden; color:#354052; background-color: #ffdd22; height: 35px; line-height: 35px; text-align: center; font-weight: bold;}
.file-btn{position: absolute; width: 100%; height: 100%; top: 0; left: 0; outline: none; background-color: transparent;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.file-box img{ margin-right: 5px;vertical-align: -1px;}
.file-box:hover{ background-color: #fbdf43;}

.mapImg{position: absolute;top: 0px;left: 260px; right: 10px; bottom: 0; color:#333;}

/* 井队经纬度管理 */
.gisBox{background-color: #fff;width:280px;position: absolute; top: 20px; left: 270px; z-index: 100; -moz-box-shadow: 0px 2px 2px rgba(0,0,0,.2); box-shadow: 0px 2px 2px rgba(0,0,0,.2);}
.gisBoxHd{ font-size: 14px; font-weight: bold; color: #15a4fa; position: relative; border-bottom: 1px solid #06c1ff; padding: 3px 10px 3px 10px; background-color: #f1f5fa;}
.punctuation{ background-color: #fff; border:1px solid #d3d3d3;  color: #354052; border-radius: 5px; text-align: center;cursor: pointer; margin-right: 5px;}
.punctuation i{ width: 12px; height: 12px; display: inline-block; background: url(../images/postionSport.png) no-repeat; margin-right: 5px; vertical-align: -1px;}
.preview{background-color: #fff; border:1px solid #d3d3d3; color: #354052; border-radius: 5px; text-align: center;cursor: pointer;margin-right: 5px;}
.cancel{background-color: #fff; border:1px solid #d3d3d3; color: #354052; border-radius: 5px; text-align: center;cursor: pointer;}
.gisBoxBtn span{ display: inline-block; width:70px; text-algin:center; padding:1px 0;}
.punctuation:hover,.preview:hover,.cancel:hover{ background-color: #15a4fa; border:1px solid #15a4fa; color: #fff;} 
.lonatInput{border: 1px solid #d3d3d3;padding: 0 10px;height: 26px;line-height: 26px;}
.tree{position: relative; background-color: #fff;}
.treeTop{ width: 238px; height: 28px; line-height: 28px;  border:1px solid #d3d3d3; padding: 0 30px 0 10px; color: #333; position: relative;overflow: hidden;}
.treeTop .downArr{ width: 20px; height: 20px; display: block; text-align: center; position: absolute; right: 10px; top: 3px; cursor: pointer; color:#9fabbe;}
.treeTop .downArr svg{text-align: center; vertical-align: initial;}
.treeTop i{font-style: normal;}
.optionBox{width: 238px;min-height: 30px;border:1px solid #d3d3d3;position: absolute;top: 27px;left: 0;z-index: 2;background-color: #fff;max-height: 400px;overflow: auto;}
.optionBox ul li{ line-height: 28px; color: #666; padding: 0 10px; cursor: pointer; font-size: 14px;}
.optionBox ul li:hover{ color: #fff; background-color: #1b1b1b;}
.optionBox.zindex{ z-index: 4;}
.search .searIcon{ width: 20px; height: 20px; display: block;color:#9fabbe; position: absolute; top: 3px; right: 10px; cursor: pointer;}
.mb10{ margin-bottom: 10px;}

.list{width: 240px; }
.list ul li{background-color: #f7f7f7; margin-bottom: 10px; cursor: pointer; position: relative;}
.list ul li.NoTime{text-align: center; background-color: #ebeceb; color: #999; margin-top: 10px;}
.unitDetails{width:18px; height:18px; display:inline-block; background: url(../images/openMsg.png) no-repeat; background-position: 0 -36px; position: absolute; right: 0; bottom:0;}
.unitDetails:hover{background-position: 0 -54px;} 
.listHd span.meter{font-size: 12px;color: #999;font-weight: normal;}
.listFrom{ font-size: 14px; color: #333; padding: 10px 10px 10px 15px;}
.listHd{ font-size: 14px; font-weight: bold; color: #15a4fa; position: relative; border-bottom: 1px solid #06c1ff; padding: 3px 0 3px 30px; background-color: #f1f5fa;}
.listHd span.meter{font-size: 14px;color: #999;font-weight: normal;}
.listFrom p{ margin-bottom: 5px;} 
.listFrom span{ color: #666;} 
.listFrom span.color3{ color: #333;}
.clamp2{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.ellipsis{overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block;}
.address{ width: 20px; height: 20px; display: block; position: absolute; left: 10px;top: 2px; color:#fa4242;}

/* 分页 */
.page{ text-align: center; clear: both; overflow: hidden;position: absolute; bottom: 10px; left: 0px; width:100%; }
.page a{ display: inline-block; width:22px; height: 22px; border:1px solid #d3d3d3; text-align: center; line-height: 20px; color: #999;  margin: 0 2px; position: relative; font-size: 14px;cursor: pointer;}
.page a.onlink{ background-color: #c33; color: #fff; border:none; width: 22px; height: 22px; line-height: 22px;}
.page a:hover{ background-color: #c33; color: #fff; border:none; width: 22px; height: 22px; line-height: 22px;}
.page a.front:hover,.page a.after:hover{ width:22px; height: 22px; border:1px solid #d3d3d3; text-align: center; line-height: 20px; color: #1c2736; background-color: #666;}
.page a.front,.page a.after{ display: inline-block; position: relative;width:22px; height: 22px; border:1px solid #d3d3d3; text-align: center; line-height: 20px; color: #1c2736; vertical-align: -6px; margin: 0 2px; cursor: pointer;}
.page a.front span{ display: inline-block; width: 8px; height: 8px; vertical-align: middle; border-left: 2px solid #999; border-bottom: 2px solid #999; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); box-sizing: border-box; position: absolute; top: 50%; right: 50%; margin-top: -2px;  margin-right: -2px;}
.page a.after span{display: inline-block; width: 8px; height: 8px; vertical-align: middle; border-right: 2px solid #999; border-top: 2px solid #999; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); box-sizing: border-box; position: absolute; top: 50%; right: 50%; margin-top: -2px;}
.page a.front:hover { display: inline-block; width: 8px; height: 8px; vertical-align: middle; border-left: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); box-sizing: border-box; position: absolute; top: 50%; right: 50%; margin-top: -2px;  margin-right: -2px;}
.page a.after:hover span{ display: inline-block; width: 8px; height: 8px; vertical-align: middle; border-right: 2px solid #fff; border-top: 2px solid #fff; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); box-sizing: border-box; position: absolute; top: 50%; right: 50%; margin-top: -2px;}


.layui-layer-dialog .layui-layer-content { position: relative; padding: 20px 20px 20px 50px;line-height: 24px; word-break: break-all; overflow: auto;font-size: 14px; overflow-x: hidden;overflow-y: auto;}
.addTo{ width:240px;border:1px solid #1890ff; background-color: #1890ff; margin-bottom:10px; font-size: 14px; color:#fff;white-space: nowrap; padding: 0 5px;line-height: 28px; border-radius: 4px; height: 28px;text-align: center;cursor: pointer;box-sizing: border-box;}



